﻿@{
    ViewBag.Title = "学籍列表";
}

<div id="divStudent" v-cloak class="content" style="width:95%">
    <div class="whiteBackgroundBox">
        <div class="NewContent">
            <h3><span>学籍列表</span></h3>
            @* 顶部搜索 *@
            <div class="topbts">
                <div class="searchBox">
                    <em>姓名</em>
                    <el-input v-model="search.name" clearable maxlength="20" size="small" style="width:180px;" placeholder="请输入姓名"></el-input>
                    <em>手机号</em>
                    <el-input v-model="search.mobilePhone" clearable maxlength="20" size="small" style="width:180px;" placeholder="请输入手机号"></el-input>
                    @if (User.IsInRole(UserRoleName.CompanyAdmin))
                    {
                        <em>添加人</em>
                        <el-input v-model="search.userName" clearable maxlength="20" size="small" style="width:180px;" placeholder="请输入添加人姓名"></el-input>
                    }
                    <el-button type="primary" size="mini" style="margin:0 0 0 5px;" v-on:click="getList">搜索</el-button>
                </div>
                @* <el-button type="success" v-on:click="" size="mini">导出</el-button>*@
                <div class="clear"></div>
            </div>

            <div class="newList">
                <el-table :data="student.list" style="width: 100%">
                    <el-table-column prop="name" label="姓名" fixed width="100"></el-table-column>
                    <el-table-column label="性别" width="60" fixed>
                        <template slot-scope="scope">
                            <span v-if="scope.row.gender==1">男</span>
                            <span v-else>女</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="mobilePhone" fixed label="手机号" width="120"></el-table-column>
                    <el-table-column label="证件类型" width="110">
                        <template slot-scope="scope">
                            <span v-if="scope.row.certificateType==1">居民身份证</span>
                            <span v-else-if="scope.row.certificateType==2">港澳台身份证</span>
                            <span v-else-if="scope.row.certificateType==3">华侨身份证</span>
                            <span v-else-if="scope.row.certificateType==4">护照</span>
                            <span v-else>其他</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="idNo" label="证件号码" width="160"></el-table-column>
                    <el-table-column label="现阶段学历" width="90">
                        <template slot-scope="scope">
                            <span v-if="scope.row.educationType==1">无</span>
                            <span v-else-if="scope.row.educationType==2">小学</span>
                            <span v-else-if="scope.row.educationType==3">初中</span>
                            <span v-else-if="scope.row.educationType==4">高中</span>
                            <span v-else-if="scope.row.educationType==5">中专</span>
                            <span v-else-if="scope.row.educationType==6">大专</span>
                            <span v-else-if="scope.row.educationType==7">本科</span>
                            <span v-else>其他</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="area" label="地区" width="100"></el-table-column>
                    <el-table-column prop="domicile" label="户口" width="150"></el-table-column>
                    <el-table-column prop="schoolName" label="学校" width="150"></el-table-column>
                    <el-table-column prop="specialityName" label="专业" width="150"></el-table-column>
                    <el-table-column prop="userName" label="添加人" width="120"></el-table-column>
                    <el-table-column prop="createTime" label="添加日期" width="100" :formatter="formatDate"></el-table-column>
                    <el-table-column prop="updateTime" label="修改日期" width="100" :formatter="formatDate"></el-table-column>
                    <el-table-column prop="remark" label="备注"></el-table-column>
                </el-table>
                <div class="paging">
                    <el-pagination background layout="prev, pager, next"
                                   v-on:current-change="pageChange"
                                   :current-page="search.pageIndex"
                                   :total="student.total"
                                   :hide-on-single-page="true"></el-pagination>
                </div>
            </div> 
        </div>
    </div>

</div>
@section scripts
    { 
    <script src="~/js/modules/student/index.js" asp-append-version="true"></script>
}